<?= $this->Html->script('http://maps.google.com/maps/api/js?sensor=true', false); ?>
<?= $this->Html->script('http://maps.google.com/maps/api/js?key=AIzaSyCchVJDNWELR1tRxC6HBI27G8kE-92ToI8&sensor=true', false); ?>
<?php
  // Override any of the following default options to customize your map
  $map_options = array(
    'id' => 'map_canvas',
    'width' => '100%',
    'height' => '400px',
    'style' => '',
    'zoom' => 15,
    'type' => 'HYBRID',
    'custom' => 'mapTypeControl: true',
    'localize' => FALSE,   
    'address' => 'UFSM - Universidade Federal de Santa Maria',
    'marker' => false,
    'markerTitle' => 'UFSM - Universidade Federal de Santa Maria',
    'markerIcon' => 'http://google-maps-icons.googlecode.com/files/home.png',
    'markerShadow' => 'http://google-maps-icons.googlecode.com/files/shadow.png',
    'infoWindow' => TRUE,
    'windowText' => 'UFSM - Universidade Federal de Santa Maria'
  );
?>
<?php

$ponto1 = array(
    'latitude' => -29.7143,
    'longitude' => -53.7161,
  );
$ponto2 = array(
    'latitude' => -29.7221,
    'longitude' => -53.7181,
  );

$estilo_marca_ponto1 = array(
    'showWindow' => true,
    'windowText' => 'Laboratório 1 - Pegar do banco',
    'markerTitle' => 'Laboratório 1 - Pegar do banco',
    'markerIcon' => 'http://google.com/mapfiles/ms/micons/recycle.png',
    'markerShadow' => 'http://google.com/mapfiles/ms/micons/recycleshadow.png'
);

$estilo_marca_objeto2 = array(
    'showWindow' => true,
    'windowText' => 'Laboratório 2 - Pegar do banco',
    'markerTitle' => 'Laboratório 2 - Pegar do banco',
    'markerIcon' => 'http://google.com/mapfiles/ms/micons/recycle.png',
    'markerShadow' => 'http://google.com/mapfiles/ms/micons/recycleshadow.png'
);

$ponto3 = array(
    "from" => 'Centro de Tecnologia (CT) UFSM',
    "to" => 'Colégio Politécnico da UFSM'
  );
?>





<?= $this->GoogleMap->map($map_options); ?>
<div id="directions"></div>
<?= $this->GoogleMap->getDirections("map_canvas", "directions", $ponto3, array(
    'travelMode' => "WALKING",
    'directionsDiv' => 'directions',
  )); ?>
<?= $this->GoogleMap->addMarker("map_canvas", 1, $ponto1, $estilo_marca_ponto1); ?>
<?= $this->GoogleMap->addMarker("map_canvas", 2, $ponto2, $estilo_marca_objeto2); ?>
<?= $this->GoogleMap->addPolyline("map_canvas", "polyline", array("start" => $ponto1, "end" => $ponto2)); ?>